<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?xml version="1.0" encoding="utf-8"?><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title>Test Report</title><style type="text/css">
					.center {text-align: center}
					.leftTrue {text-align: left;background-color: #EEFFEE;}	
					.leftFalse {text-align: left;background-color: #FFCCFF;}
					.true {color: #000000;background-color: #EEFFEE;}
					.tag {color: #000000;background-color: #EEFFEB;text-align: center;}
					.tag2 {color: #000000;background-color: #EEFFEB;}
					.PASS {color: #000000;background-color: #EEFFEE;}
					.false {color: #000000;background-color: #FFCCFF;}
					.FAIL {color: #000000;background-color: #FFCCFF;}
					.falseCenter {color: #000000;background-color: #FFCCFF;text-align: center}
					.title {color: #9acd32}
					.spans {background-color: #CAE8EA;}
					.notdisplay {display:none;}
					.table{
						width:1200px;
					}
					.NOTRUN{color: #000000;background-color: #E6EBF9;}
					.stripe {background-color: #E6EBF9;text-align: center;}
					.bold{font-weight: bold;background-color: #9acd32}	
					th { 
						font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
						color: #4f6b72; 
						border-right: 1px solid #C1DAD7; 
						border-bottom: 1px solid #C1DAD7; 
						border-top: 1px solid #C1DAD7; 
						letter-spacing: 2px; 
						text-transform: uppercase; 
						text-align:center; 
						padding: 6px 6px 6px 12px; 
						background: #CAE8EA ; 
						word-wrap:break-word;
					}
					td { 
						font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
						border-top: 1px solid #C1DAD7; 
						border-left: 1px solid #C1DAD7; 
						border-right: 1px solid #C1DAD7; 
						border-bottom: 1px solid #C1DAD7; 
						padding: 6px 6px 6px 12px; 
					}
					#topNav {
						width: 1290px;
						float: left;
						display: block;
						z-index: 100;
						overflow: visible;
						position: fixed;
						top: 0px; 
						background-repeat: no-repeat;
						background-position: right;
						height: 21px;
					}
		</style></head><body><div id="topNav"><br/><a href="#kanbudao" style="float:right;margin-right:10px;">back to top</a></div><a name="kanbudao"/><table class="table"><tr height="44px"><th colspan="6" width="100%">Environment</th></tr><tr><th width="25%">site</th><td width="25%">http://172.16.74.58</td><th width="25%">Browser</th><td width="25%">*iexplore</td></tr><tr><th>Host</th><td>localhost</td><th>Language</th><td>en</td></tr><tr><th>TestCasePath</th><td>testCase/</td><th>PageDataPath</th><td>webSite/ews</td></tr><tr><th>Port</th><td>4444</td><th>os</th><td>null</td></tr></table><br/><table name="total" id="total" class="table"><tr height="44px"><th colspan="6" width="100%">
					Success/All
					1 / 2</th></tr><tr class="title"><th>Test Name</th><th>Operates Passed</th><th># Failed</th><th># Skipped</th><th>Total Time(Secs)</th></tr><tr class="center"><td class="leftTrue"><a href="#testcase1">CheckTabsAndSetLangugeToCHS.xml
									Version:
									5</a></td><td class="true">26</td><td class="false">1</td><td>0</td><td>50</td></tr><tr class="center"><td class="leftTrue"><a href="#testcase2">CheckLinkUnderGeneralTabAndSetLanguageToENU.xml
									(Version:
									5
									)
								</a></td><td class="true">39</td><td>0</td><td>0</td><td>69</td></tr><tr class="title"><th>Total</th><th>65</th><th>1</th><th>0</th><th>119</th></tr></table><br/><table name="testcase" id="testcase" class="table"><tr height="44px"><th colspan="7" width="100%"><a name="testcase1"/>CheckTabsAndSetLangugeToCHS.xml
						(Version:
						5
						)
					</th></tr><tr><td colspan="7" width="100%" class="spans"><span id="copy1">
							Configuration(Automation):
							<br/>
							Site:
							http://172.16.74.58<br/>
							Time:
							(GMT+8) 2012/01/09 PM<br/>
							OS:
							null<br/>
							Language:
							en<br/>
							Browser:
							*iexplore</span><p onclick="copyToClipBoard(1)" style="cursor:pointer;float:right;margin-right:100px;text-decoration:underline;">Copy This Text</p></td></tr><tr><th width="5%">Line</th><th width="12%" colspan="2">Tag</th><th width="5%">Result</th><th width="34%">Operate</th><th width="34%">Operate Info</th><th width="10%">Info</th></tr><tr class="PASS"><td class="center">14</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>openHomePage |  | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">15</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">16</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //a[@id='overridelink'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">18</td><td class="center" colspan="2">Verify</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>Verify contains | HP Color LaserJet CP5520 Series | getValue | //div[@class='product']/p/strong[@class='product'] | </td><td>PASS: HP Color LaserJet CP5520 Series</td><td/></tr><tr class="PASS"><td class="center">20</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">23</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='PrintPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">24</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">27</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='TroubleshootingPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">28</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">31</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='SecurityPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">32</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">35</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='HPWebServicesPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">36</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">39</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //div[@class='tabSet']/div[@class='tabOff']/a[@href='/hp/device/DeviceStatus/Index'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">40</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="FAIL"><td class="center">43</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('screenshot/20120109_132906.png')" style="cursor:pointer;">FAIL</td><td>clickAndWait | //div[@class='tabSet']/div[@class='tabOff']/a[@href='/tcp_summary.htm'] | </td><td>ERROR: Element //div[@class='tabSet']/div[@class='tabOff']/a[@href='/tcp_summary.htm'] not found</td><td/></tr><tr class="PASS"><td class="center">44</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">47</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='SettingsPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">48</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">51</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='Language'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">52</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">55</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>click | //select[@id='LangSelectList'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">56</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">59</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>select | //select[@id='LangSelectList'] | value=zh-CN</td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">60</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">61</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>click | //input[@id='FormButtonSubmit'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">62</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 5 | </td><td>PASS</td><td/></tr></table><br/><table name="testcase" id="testcase" class="table"><tr height="44px"><th colspan="7" width="100%"><a name="testcase2"/>CheckLinkUnderGeneralTabAndSetLanguageToENU.xml
						(Version:
						5
						)
					</th></tr><tr><td colspan="7" width="100%" class="spans"><span id="copy2">
							Configuration(Automation):
							<br/>
							Site:
							http://172.16.74.58<br/>
							Time:
							(GMT+8) 2012/01/09 PM<br/>
							OS:
							null<br/>
							Language:
							en<br/>
							Browser:
							*iexplore</span><p onclick="copyToClipBoard(2)" style="cursor:pointer;float:right;margin-right:100px;text-decoration:underline;">Copy This Text</p></td></tr><tr><th width="5%">Line</th><th width="12%" colspan="2">Tag</th><th width="5%">Result</th><th width="34%">Operate</th><th width="34%">Operate Info</th><th width="10%">Info</th></tr><tr class="PASS"><td class="center">14</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>openHomePage |  | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">15</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">16</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //a[@id='overridelink'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">18</td><td class="center" colspan="2">Verify</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>Verify contains | HP Color LaserJet CP5520 Series | getValue | //div[@class='product']/p/strong[@class='product'] | </td><td>PASS: HP Color LaserJet CP5520 Series</td><td/></tr><tr class="PASS"><td class="center">20</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">24</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='SettingsPages'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">25</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">28</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='MenuTree'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">29</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">32</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='AutoSend'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">33</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">36</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='OtherLinks'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">37</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">40</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='OrderingInfo'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">41</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">44</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='DeviceInformation'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">45</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">48</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='RealTimeClock'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">49</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">52</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='SleepSchedule'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">53</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">56</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='BackupAndRestore'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">57</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">60</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='ResetFactoryDefaults'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">61</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">64</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='SolutionInstaller'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">65</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">68</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='FirmwareUpgrade'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">69</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">72</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='QuotaServer'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">73</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">76</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>clickAndWait | //li[@class='MenuItem']/a[@id='Language'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">77</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">80</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>click | //select[@id='LangSelectList'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">81</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">84</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>select | //select[@id='LangSelectList'] | value=en-US</td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">85</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 2 | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">86</td><td class="center" colspan="2">Html</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>click | //input[@id='FormButtonSubmit'] | </td><td>PASS</td><td/></tr><tr class="PASS"><td class="center">87</td><td class="center" colspan="2">Function</td><td class="center" onclick="ImgShow('')" style="cursor:pointer;">PASS</td><td>sleep | 5 | </td><td>PASS</td><td/></tr></table><br/><script language="javascript">
			var Sys = {};
			var ua =
			navigator.userAgent.toLowerCase();
			var s;
			(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
			(s = ua.match(/firefox\/([\d.]+)/)) ?
			Sys.firefox = s[1] :
			(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome =
			s[1] :
			(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
			(s =
			ua.match(/version\/([\d.]+).*safari/)) ?
			Sys.safari = s[1] : 0;
			function copyToClipBoard(id){
			var copyText =
			document.getElementById("copy"+id).innerText;
			if (Sys.ie){
			window.clipboardData.setData('Text',copyText);
			alert("Copy OK.");
			}else{
			alert("We are very sorry, Only support IE browser.");
			}
			}
		</script><script type="text/javascript">
		
			function ImgShow(imgPath){
			if(imgPath==''){
				return false;
			}
			if(confirm("online picture? or local one."))
  		 	{
      			imgPath= 'http://222.191.244.107:9998/picture/'+imgPath;
   			}
			var tagTop=Math.max(document.documentElement.scrollTop,document.body.scrollTop);
			var tag=document.createElement("div");
				tag.style.cssText="width:100%;height:"+Math.max(document.body.clientHeight,document.body.offsetHeight,document.documentElement.clientHeight)+"px;position:absolute;background:black;top:0;filter: Alpha(Opacity=80);Opacity:0.8;";
				tag.ondblclick=closes;
			var tagImg=document.createElement("div");
				tagImg.style.cssText="font:12px /18px verdana;overflow:auto;text-align:center;position:absolute;width:200px;border:5px solid white;background:white;color:white;left:"+(parseInt(document.body.offsetWidth)/2-100)+"px;top:"+(document.documentElement.clientHeight/3+tagTop)+"px;"
				tagImg.innerHTML="<div style='padding:10px;background:#cccccc;border:1px solid white'><b style='color:#999999;font-weight:normal'>Image loading...</b><br /></div>";
				tagImg.oncontextmenu=function(){var clsOK=confirm("Click OK to close the image. \nIf you want to zoom pictures, please double-click on the picture."); if(clsOK){closes();};return false};
			var closeTag=document.createElement("div");
				closeTag.style.cssText="display:none;position:absolute;left:10px;top:-10px;color:black;";
				var closesHtml="<b style='background:green;border:1px solid white;filter:Alpha(Opacity=50);Opacity:0.5;cursor:pointer;'>&nbsp;close&nbsp;</b>";
				closeTag.innerHTML=closesHtml+" Tip: Double-click the image scaling";
				closeTag.onclick=closes;
			document.body.appendChild(tag);
			document.body.appendChild(tagImg);
			var img=new Image();
				img.src=imgPath;
				img.style.cssText="border:1px solid #cccccc;filter: Alpha(Opacity=0);Opacity:0;cursor:pointer";
			var barShow,imgTime;
			img.complete?ImgOK():img.onload=ImgOK;
			function ImgOK(){
				var Stop1=false,Stop2=false,temp=0;
				var tx=tagImg.offsetWidth,ty=tagImg.offsetHeight;
				var ix=img.width,iy=img.height;
				var sx=document.documentElement.clientWidth,sy=window.innerHeight||document.documentElement.clientHeight;
				if(iy>sy||ix>sx){
						var yy=sy-100;
						var xx=(ix/iy)*yy;
				}else{
					var xx=ix+4;
					var yy=iy+3;
				}
					img.style.width=xx-4+'px';
					img.style.height=yy-3+'px';
				if(ix<sx&&iy<sy){tagImg.alt="";closeTag.innerHTML=closesHtml;};
				var maxTime=setInterval(function(){
					temp+=35;
					if((tx+temp)<xx){
						tagImg.style.width=(tx+temp)+"px";
						tagImg.style.left=(sx-(tx+temp))/2+"px";
					}else{
						Stop1=true;
						tagImg.style.width=xx+"px";
						tagImg.style.left=(sx-xx)/2+"px";
					}
					if((ty+temp)<yy){
						tagImg.style.height=(ty+temp)+"px";
						tagImg.style.top=(tagTop+((sy-(ty+temp))/2))+"px";
					}else{
						Stop2=true;
						tagImg.style.height=yy+"px";
						tagImg.style.top=(tagTop+((sy-yy)/2))+"px";
					}
					if(Stop1&&Stop2){
						clearInterval(maxTime);
						tagImg.appendChild(img);
						temp=0;
						imgOPacity();
					}
				},30);
				function imgOPacity(){
					temp+=10;
					img.style.filter="alpha(opacity="+temp+")";
					img.style.opacity=temp/100;
					imgTime=setTimeout(imgOPacity,1)
					if(temp>100) clearTimeout(imgTime);
				}
				tagImg.innerHTML="";
				tagImg.appendChild(closeTag);

				if(ix>xx||iy>yy){
					img.alt="Left click and move, double-click to zoom";
					img.ondblclick=function (){
						if(tagImg.offsetWidth<img.offsetWidth||tagImg.offsetHeight<img.offsetHeight){
							img.style.width="auto";
							img.style.height="100%";
							img.alt="double-click to zoom";
							img.onmousedown=null;
							closeTag.style.top="10px";
							closeTag.style.left="10px";
							tagImg.style.overflow="visible";
							tagImg.style.width=img.offsetWidth+"px";
							tagImg.style.left=((sx-img.offsetWidth)/2)+"px";
						}else{
							img.style.width=ix+"px";
							img.style.height=iy+"px";
							img.alt="Double-click to shrink";
							img.onmousedown=dragDown;
							tagImg.style.overflow="auto";
							tagImg.style.width=(ix<sx-100?ix+20:sx-100)+"px";
							tagImg.style.left=((sx-(ix<sx-100?ix+20:sx-100))/2)+"px";
						}
					}
					img.onmousedown=dragDown;
					tagImg.onmousemove=barHidden;
					tagImg.onmouseout=moveStop;
					document.onmouseup=moveStop;
				}else{
					tagImg.style.overflow="visible";
					tagImg.onmousemove=barHidden;
				}
			}
			function dragDown(a){
				img.style.cursor="move";
				var evts=a||window.event;
				var onx=evts.clientX,ony=evts.clientY;
				var sox=tagImg.scrollLeft,soy=tagImg.scrollTop;
				var sow=img.width+2-tagImg.clientWidth,soh=img.height+2-tagImg.clientHeight;
				var xxleft,yytop;
				document.onmousemove=function(e){
					var evt=e||window.event;
					xxleft=sox-(evt.clientX-onx)<0?"0":sox-(evt.clientX-onx)>sow?sow:sox-(evt.clientX-onx);
					yytop=soy-(evt.clientY-ony)<0?"0":soy-(evt.clientY-ony)>soh?soh:soy-(evt.clientY-ony);
					tagImg.scrollTop=yytop;
					tagImg.scrollLeft=xxleft;
					closeTag.style.top=(yytop+10)+"px";
					closeTag.style.left=(xxleft+10)+"px";
					return false;
				}
				return false;
			}
			function barHidden(){
				clearTimeout(barShow);
				closeTag.style.top=(tagImg.scrollTop+10)+"px";
				closeTag.style.left=(tagImg.scrollLeft+10)+"px";
				if(closeTag.style.display=="none")closeTag.style.display="block";
				barShow=setTimeout(function(){closeTag.style.display="none";},1000);
			}
			function closes(){
				document.body.removeChild(tag);
				document.body.removeChild(tagImg);
				clearTimeout(barShow);
				clearTimeout(imgTime);
				document.onmouseup=null;
				tag=img=tagImg=closeTag=null;
			}
			function moveStop(){
				document.onmousemove=null;
				tagImg.onmousemove=barHidden;
				img.style.cursor="pointer";
			}
		}
		
		</script></body></html>